<template>
  <view class="notice-center">
    <view class="each-line" @tap="toNoticesList('官方公告')">
      <view class="label">
        <image class="icon" name="backImg" src="/static/img/my/icon-system-notice.png"></image>
        <text>官方公告</text>
      </view>
      <uni-icons type="right" size="16"></uni-icons>
    </view>
    <view class="each-line" @tap="toNoticesList('系统消息')">
      <view class="label">
        <image class="icon" name="backImg" src="/static/img/my/icon-system-message.png"></image>
        <text>系统消息</text>
      </view>
      <uni-icons type="right" size="16"></uni-icons>
    </view>
  </view>
</template>

<script>
export default {
  name: 'noticeCenter',
  data() {
    return {}
  },
  methods: {
    toNoticesList(type) {
			uni.navigateTo({
				url: '/pages/notice/noticesList?type=' + type
			})
		}
  }
}
</script>

<style lang="scss" scoped>
.notice-center {
  .each-line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e5e5;
    padding: 20rpx;

    .label {
    display: flex;
    align-items: center;
			.icon {
				width: 24px;
				height: 24px;
				margin-right: 10px;
			}
    }
  }
}
</style>